<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dochub</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/Dochub.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav>
        <div class="container nav">
            <div class="nav-content">
                <img src="./images/logo.png" alt="">
                <div class="bar"></div>
                <div class="nav-middle">
                    <ul class="ul-fl cf">
                        <li class="iconfont icon-shouye">首页<span class="iconfont icon-xiangxia"></span></li>
                        <li class="iconfont icon-shouye">文章展示<span class="iconfont icon-xiangxia"></span></li>
                        <li class="iconfont icon-shouye">列表展示<span class="iconfont icon-xiangxia"></span></li>
                        <li class="iconfont icon-shouye">专题<span class="iconfont icon-xiangxia"></span></li>
                        <li class="iconfont icon-shouye">VIP介绍<span class="iconfont icon-xiangxia"></span></li>
                        <li class="iconfont icon-shouye">获取本站主题<span class="iconfont icon-xiangxia"></span></li>
                    </ul>
                </div>
            </div>
            <div class="nav-right">
                <ul class="ul-fl">
                    <li class="iconfont icon-lieri"></li>
                    <li class="iconfont icon-sousuo"></li>
                    <li class="iconfont icon-lingdang-xianxing"></li>
                    <li><button class="iconfont icon-lianxiren">登录</button></li>
                </ul>
            </div>

        </div>
    </nav>
    <!-- main -->
    <div class="main container">
        <div class="main-box">
            <!-- main-content -->
            <div class="main-content">
                <div class="content-box">
                    <div class="card">
                        <div class="article-header">
                            <h1>Dochub-医疗应用程序UI套件</h1>
                        </div>
                        <div class="shop">
                            <div class="row">
                                <div class="row-img"><img src="./images/img1.png" alt=""></div>
                                <div class="info-box">
                                    <div class="article-meta">
                                        <li>资源分类：手机应用</li>
                                        <li>浏览热度：（638）</li>
                                        <li>发布时间：2021-01-01</li>
                                        <li>最近更新：2021-01-01</li>
                                        <li>格式：TXT</li>
                                        <li>大小：1KB</li>
                                        <li>来源：站外采集</li>
                                    </div>
                                    <div class="down-buy-warp">
                                        <div class="buy-desc">
                                            <ul>
                                                <li class="price-item no">普通用户：8金币</li>
                                                <li class="price-item vip">VIP会员：8金币</li>
                                                <li class="price-item boosvip">永久VIP：8金币</li>
                                            </ul>
                                        </div>
                                        <div class="buy-btns">
                                            <button class="btn btn1">购买下载权限</button>
                                            <button class="btn btn2">查看预览</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-content-nav">
                            <ul>
                                <li><a href="#" class="active">详情介绍</a></li>
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">评论建议</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="top"><img src="./images/adds-2.jpg" alt=""></div>
                            <article class="post-content">
                                <p><img src="./images/img1.png" alt=""></p>
                                <h3>总览</h3>
                                <p>高质量的UI套件包（包含92个医疗应用程序屏幕）将帮助您开发具有出色设计的应用程序！ 🚀</p>
                                <p>
                                    笔记：
                                    <br>
                                    该套件使用iOS Artboard 375x812px制作。
                                    <br>
                                    *版本1 *
                                </p>
                                <p>
                                    屏幕包括：
                                    <br>
                                    -Dochub风格指南
                                    <br>
                                    -92个iOS屏幕
                                </p>
                                <div class="entry-copyright">
                                    声明：本站所有文章为演示内容，如无特殊说明或标注，均为演示内容，无真实下载地址和资源地址，仅供参考，购买组件仅供功能体验。本站所使用主题购买地址为：www.ritheme.com
                                </div>
                            </article>
                            <div class="entry-tags">
                                <a href="#">Medical</a>
                            </div>
                            <div class="entry-social">
                                <div class="col">
                                    <img src="./images/avatar.png" alt=""> 油条
                                </div>
                                <div class="col-auto">
                                    <span class="span1">分享</span>
                                    <span class="span2">收藏</span>
                                    <span class="span3">点赞</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="entry-nav">
                        <div class="en">
                            <a href="#" class="entry-page-prev">
                                <div class="entry-page-icon">《-</div>
                                <div class="entry-page-info">
                                    <span class="d-block">上一篇</span>
                                    <div class="title">Clever – 仪表板UI套件</div>
                                </div>
                            </a>
                        </div>
                        <div class="en">
                            <a href="#" class="entry-page-prev">
                                <div class="entry-page-info page2">
                                    <span class="d-block">下一篇</span>
                                    <div class="title">Findlancer-自由职业者目录PSD模板</div>
                                </div>
                                <div class="entry-page-icon">-》</div>
                            </a>
                        </div>
                    </div>
                    <div class="related-posts">
                        <h2>相关文章</h2>
                        <!-- grid-box -->
                        <div class="grid-box ">
                            <div class="grid-item">
                                <div class="img-vip">
                                    <div class="VIP">VIP</div>
                                </div>
                                <div class="item-img">

                                </div>
                                <div class="item-content">
                                    <div class="message">
                                        <img src="./images/point.svg" alt="">
                                        手机应用
                                    </div>
                                    <h2>Diamond kit 多用途UI 2.0</h2>
                                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                                    <div class="meta">
                                        <span class="iconfont icon-zhong">4年前</span>
                                        <span class="iconfont icon-shoucang">0</span>
                                        <span class="iconfont icon-shoucang1">0</span>
                                        <span class="iconfont icon-yanjing-shi">510</span>
                                        <span class="iconfont icon-qian fr">6</span>
                                    </div>
                                </div>
                            </div>
                            <div class="grid-item">
                                <div class="img-vip">
                                    <div class="VIP">VIP</div>
                                </div>
                                <div class="item-img">

                                </div>
                                <div class="item-content">
                                    <div class="message">
                                        <img src="./images/point.svg" alt="">
                                        手机应用
                                    </div>
                                    <h2>Diamond kit 多用途UI 2.0</h2>
                                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                                    <div class="meta">
                                        <span class="iconfont icon-zhong">4年前</span>
                                        <span class="iconfont icon-shoucang">0</span>
                                        <span class="iconfont icon-shoucang1">0</span>
                                        <span class="iconfont icon-yanjing-shi">510</span>
                                        <span class="iconfont icon-qian fr">6</span>
                                    </div>
                                </div>
                            </div>
                            <div class="grid-item">
                                <div class="img-vip">
                                    <div class="VIP">VIP</div>
                                </div>
                                <div class="item-img">

                                </div>
                                <div class="item-content">
                                    <div class="message">
                                        <img src="./images/point.svg" alt="">
                                        手机应用
                                    </div>
                                    <h2>Diamond kit 多用途UI 2.0</h2>
                                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                                    <div class="meta">
                                        <span class="iconfont icon-zhong">4年前</span>
                                        <span class="iconfont icon-shoucang">0</span>
                                        <span class="iconfont icon-shoucang1">0</span>
                                        <span class="iconfont icon-yanjing-shi">510</span>
                                        <span class="iconfont icon-qian fr">6</span>
                                    </div>
                                </div>
                            </div>
                            <div class="grid-item">
                                <div class="img-vip">
                                    <div class="VIP">VIP</div>
                                </div>
                                <div class="item-img">

                                </div>
                                <div class="item-content">
                                    <div class="message">
                                        <img src="./images/point.svg" alt="">
                                        手机应用
                                    </div>
                                    <h2>Diamond kit 多用途UI 2.0</h2>
                                    <div class="text">概览 它的设计是为了加快你的创作进程，有超过55个漂亮的屏幕。 特点 55 个移...</div>
                                    <div class="meta">
                                        <span class="iconfont icon-zhong">4年前</span>
                                        <span class="iconfont icon-shoucang">0</span>
                                        <span class="iconfont icon-shoucang1">0</span>
                                        <span class="iconfont icon-yanjing-shi">510</span>
                                        <span class="iconfont icon-qian fr">6</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!-- main-sidebar -->
            <div class="main-sidebar">
                <div class="sidebar">
                    <div class="widget sidebar-author-info">
                        <h5 class="widget-title">作者信息</h5>
                        <div class="author-header">
                            <div class="col-auto">
                                <div class="avatar">
                                    <img src="./images/avatar.png" alt="">
                                </div>
                            </div>
                            <div class="col">
                                <span class="d-block youtiao">油条</span>
                                <small class="d-block">
                                    等级<span class="badge iconfont icon-ziyuan">普通用户</span>
                                </small>
                            </div>
                        </div>
                        <div class="author-body">
                            <div class="col-4">
                                <span class="mb-0">396</span>
                                <span class="text-sm">文章</span>
                            </div>
                            <div class="col-4">
                                <span class="mb-0">0</span>
                                <span class="text-sm">评论</span>
                            </div>
                            <div class="col-4">
                                <span class="mb-0">0</span>
                                <span class="text-sm">收藏</span>
                            </div>
                        </div>
                        <div class="author-footer">
                            <a href="#">查看作者其他文章</a>
                        </div>
                    </div>
                    <div class="widget post-buy-widget">
                        <span class="down-msg">下载</span>
                        <div class="down-buy-warp">
                            <div class="buy-title">本资源需权限下载</div>
                            <div class="buy-desc">
                                <div class="prices-desc">
                                    <div class="prices-default"><span class="iconfont icon-qian"> 8</span>金币</div>
                                </div>
                                <div class="prices-rate">
                                    <ul class="prices-info">
                                        <a href="#" class="iconfont icon-qian">VIP折扣</a>
                                        <li class="price-item no">普通用户<span>8金币</span></li>
                                        <li class="price-item vip">VIP会员<span>8金币</span></li>
                                        <li class="price-item boosvip">永久VIP<span>8金币</span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="buy-btns">
                                <button class="btn btn1 ">购买下载权限</button>
                            </div>
                        </div>
                        <div class="down-buy-info">
                            <button class="btn btn2">查看预览</button>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <span>包含资源：</span>
                                    <span>（2个）</span>
                                </li>
                                <li class="list-group-item">
                                    <span>最近更新：</span>
                                    <span>2021-01-01</span>
                                </li>
                                <li class="list-group-item">
                                    <span>格式：</span>
                                    <span>TXT</span>
                                </li>
                                <li class="list-group-item">
                                    <span>大小：</span>
                                    <span>1KB</span>
                                </li>
                                <li class="list-group-item">
                                    <span>来源：</span>
                                    <span>站外采集</span>
                                </li>
                            </ul>
                            <p class="small">下载遇到问题？可联系客服或反馈</p>
                        </div>
                    </div>
                    <div class="widget sidebar-posts-list">
                        <h5>文章展示</h5>
                        <div class="row">
                            <article class="post-item">
                                <div class="entry-media"><img src="./images/VDN-Login-Page-v3.1.jpg" alt=""></div>
                                <div class="text-title">
                                    <h2>VDN 登录页 v3.1</h2>
                                </div>
                            </article>
                        </div>
                        <div class="row">
                            <article class="post-item">
                                <div class="entry-media"><img src="./images/VDN-Login-Page-v3.1.jpg" alt=""></div>
                                <div class="text-title">
                                    <h2>iNine-创意多用途PSD模板</h2>
                                </div>
                            </article>
                        </div>
                        <div class="row">
                            <article class="post-item">
                                <div class="entry-media"><img src="./images/VDN-Login-Page-v3.1.jpg" alt=""></div>
                                <div class="text-title">
                                    <h2>矢量信息展示元素</h2>
                                </div>
                            </article>
                        </div>
                        <div class="row">
                            <article class="post-item">
                                <div class="entry-media"><img src="./images/VDN-Login-Page-v3.1.jpg" alt=""></div>
                                <div class="text-title">
                                    <h2>手机银行 App UI Kit</h2>
                                </div>
                            </article>
                        </div>
                    </div>
                    <div class="widget sidebar-ranking-list">
                        <h5>排行榜显示</h5>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg1">1</span>
                                <h3>付费视频功能演示介绍-多集</h3>
                            </article>
                        </div>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg2">2</span>
                                <h3>Vidio-视频管理器WordPress主题</h3>
                            </article>
                        </div>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg3">3</span>
                                <h3>Tourimo 旅游 WP 主题</h3>
                            </article>
                        </div>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg4">4</span>
                                <h3>Realite 应用着陆页 WP 主题</h3>
                            </article>
                        </div>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg5">5</span>
                                <h3>代码高亮-文章内容模块展示</h3>
                            </article>
                        </div>
                        <div class="row">
                            <article class="ranking-item">
                                <span class="ranking-num bg6">6</span>
                                <h3>WordPress函数Wp_link_pages教程实现文章内容分页</h3>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer ">
        <div class="footer-box">
            <div class="footer-grid">
                <div class="footer-grid1">
                    <div class="grid1-img">
                        <img src="./images/logo.png" alt="">
                    </div>
                    <p class="grid1-text">日主题v2是一款全新架构的Wordpress主题，兼容老款日主题，支持会员商城 ，前后台界面均支持html5响应式布局，夜间模式一键切换。
                    </p>
                </div>
                <div class="footer-grid2">
                    <h4>快速导航</h4>
                    <ul>
                        <li>个人中心</li>
                        <li>标签云</li>
                        <li>网址导航</li>
                    </ul>
                </div>
                <div class="footer-grid2">
                    <h4>关于本站</h4>
                    <ul>
                        <li>VIP介绍</li>
                        <li>客服咨询</li>
                        <li>推广计划</li>
                    </ul>
                </div>
                <div class="footer-grid2">
                    <h4>联系我们</h4>
                    <img class="fl" src="./images/ritheme-qr.png" alt="">
                    <img class="fl" src="./images/ritheme-qr.png" alt="">
                    如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。
                </div>
            </div>
            <div class="footer-message">
                <div class="text1">Copyright © 2021 <a href="#">RiPro-V2</a>- All rights reserved</div>
                <div class="text2">
                    <a href="#">京ICP备18888888号-1</a><a href="#">京公网安备 188888888</a> | 本站数据为演示数据，均来自互联网采集转载，仅供体验
                </div>
                <p>使用Redis缓存技术加速：SQL：29s <span> | </span>Pages：0.22782s</p>
            </div>
        </div>
    </div>
    <!-- side-nav-bar -->
    <div class="side-nav-bar">
        <ul class="actions">
            <li>
                <a href="#">
                    <i class="iconfont icon-shouye"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-lianxiren"></i>
                    <span>用户中心</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-ziyuan"></i>
                    <span>会员介绍</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-QQ"></i>
                    <span>QQ客服</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-zhuti-04"></i>
                    <span>购买主题</span>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>